page{
  background:#f2f2f2;
}

.part-user-info{
  width: 100%;
  height: 12rem;
  background:url("../images/userinfo-bg.png") no-repeat center center;
  background-size: 100% 100%;
  color:#ffffff;
}
.part-user-info .top-info{
  display:flex;
  width:100%;
  overflow:hidden;
}
.part-user-info .top-info .users{
  display:flex;
  margin-right: auto;
  margin-top: 0.75rem;
  margin-left: 0.75rem;
  height: 3rem;
  position:relative;
  width: 14rem;
}
.part-user-info .top-info .users .head-portrait{
  width:3rem;
  height:3rem;
  background:#ffffff;
  border-radius:50%;
  border:  none;

}
.part-user-info .top-info .users .head-portrait img{
  width:100%;
  height:100%;
  display:block;
  border:  none;
  border-radius:50%;
}
.part-user-info .top-info .users .login-reg{
  margin-left: 0.5rem;
  font-size: 14px;
  margin-top: 0.5rem;
}
.part-user-info .top-info .users .login-reg:last-child{
  position: absolute;
  left: 3rem;
  bottom: 0.5rem;
}
.part-user-info .top-info .users .login-reg a{
  color:#ffffff;
}
.part-user-info .top-info .users .login-reg a.login{

}
.part-user-info .top-info .users .login-reg a.register{

}
.part-user-info .bottom-info .xj-shouyi{
  font-size:0.85rem;
  margin-left:1rem;
  margin-right: auto;
}
.part-user-info .bottom-info{
  width: 100%;
  overflow: hidden;
  display: flex;
  margin-top: 0.75rem;
}
.part-user-info .top-info .change-identity{
  height:3rem;
  display:  flex;
  flex-direction:row-reverse;
  margin-right: 0.75rem;
  margin-top: 0.75rem;
}
.part-user-info .top-info .change-identity .personal{
}
.part-user-info .top-info .change-identity .personal .icon{
  background:url("../images/personal-icon-active1.png") no-repeat center center;
  background-size: 100% 100%;
  width: 18px;
  height: 20px;
  display: block;
  margin:  0 auto;
}
.part-user-info .top-info .change-identity .personal .text{
  color: #2bb5f5;
  font-size:0.75rem;
  margin-top: 0.25rem;
}
.part-user-info .top-info .change-identity .line{
  width:1px;
  height:16px;
  background:#c3c3c3;
  margin-top:0.5rem;
  margin-left:0.5rem;
  margin-right: 0.5rem;
}
.part-user-info .top-info .change-identity .business{

}
.part-user-info .top-info .change-identity .business .icon{
  background: url("../images/business-icon-active.png") no-repeat;
  background-size: 100% 100%;
  width: 22px;
  height: 20px;
  display: block;
  margin:  0 auto;
}
.part-user-info .top-info .change-identity .business .text{

  font-size:0.75rem;
  margin-top: 0.25rem;
  color: #fdf41a;
}
.part-user-info .bottom-info .shouyi-mx{
  font-size: 0.75rem;
  margin-right: 1rem;
}
.part-user-info .user-num{
  text-align:center;
  clear:both;
  width:100%;
  font-size: 1.5rem;
  color:#fff600;
  margin-top: 0.75rem;
}
.part-user-info .user-num .left{
  width:45%;
  text-align:center;
}
.part-user-info .user-num .right{

  width:  45%;

  text-align:  center;
}
.part-user-info .user-num .number{
  color:#fff600;
  font-size:14px;
}
.part-user-info .user-num .line{

  margin-right:  auto;
  width:1px;
  height:1rem;
  background:#ffffff;
  margin:0 auto;
  margin-top:0.5rem;
}
.part-user-info .user-num .con-text{
  font-size:0.75rem;
}
.business-order{
  width:90%;
  height:5.5rem;
  background:#ffffff;
  margin:0 auto;
  border-radius:5px;
  margin-top:-2.7rem;
  /* display:flex; */
  position:relative;
}
.business-order .top-info{width:96%;display:flex;height:2.2rem;border-bottom:1px solid #e5e5e5;margin:0 auto;line-height:  2.2rem;}
.business-order .bottom-info{
  width:100%;
}
.business-order .top-info .left-text{
  font-size:16px;
  color:  #333333;
  margin-left:0.25rem;
  width:50%;
}
.business-order .top-info .more-order{
  color:#999999;
  width:50%;
  text-align:right;
  margin-right:0.25rem;
}
.business-order .bottom-info{
  height:2.3rem;
  width:96%;
  margin:0 auto;
  display:flex;
}
.business-order .bottom-info .same-box{
  width:25%;
  text-align:center;
  height:2.3rem;
  position:relative;
}
.business-order .bottom-info .same-box .icon{
  display:block;
  height:21px;
  width:23px;
  margin:0 auto;
  margin-top:0.5rem;
}
.business-order .bottom-info .same-box .icon1{
  position:absolute;
  width:0.75rem;
  height:0.75rem;
  background:#ff0808;
  color:#ffffff;
  border-radius:50%;
  font-size:12px;
  text-align:center;
  line-height:0.75rem;
  right:1.25rem;
  top:0.25rem;
}
.business-order .bottom-info .same-box.same-box1 .icon{
  background: url("../images/order-icon1.png") no-repeat center center;
  background-size: 100% 100%;
}
.business-order .bottom-info .same-box.same-box2 .icon{
  background: url("../images/order-icon2.png") no-repeat center center;
  background-size: 100% 100%;
  width:25px;
  height:21px;
}
.business-order .bottom-info .same-box.same-box3 .icon{
  background: url("../images/order-icon3.png") no-repeat center center;
  background-size: 100% 100%;
  width:23px;
  height:21px;
}
.business-order .bottom-info .same-box.same-box4 .icon{
  background: url("../images/order-icon4.png") no-repeat center center;
  background-size: 100% 100%;
  height:21px;
  width:21px;
}
.business-order .bottom-info .same-box .text{
  margin-top:0.25rem;
  font-size:12px;
  color:#666666;
}
.mine-setinfo{
  width:100%;
  background:#ffffff;
  margin-top:0.5rem;
}
.mine-setinfo .list-ul{
  width:100%;
  overflow:hidden;
}

.mine-setinfo .list-ul .list-li{
  display:flex;
  position:relative;
  height:2.5rem;
  line-height:2.5rem;
  border-bottom:1px solid #e5e5e5!important;
}
.mine-setinfo .list-ul .list-li:last-child{
  border-bottom:none;
}
.mine-setinfo .list-ul .list-li.list-li-zk{
  border-top:0.3rem solid #e5e5e5;
  height: 2.8rem;
}
.mine-setinfo .list-ul .list-li .l-icon{
  display: block;
  height:14px;
  width:14px;
  margin-left:1rem;
  margin-top:0.85rem;
  margin-right:0.5rem;
}
.mine-setinfo .list-ul .list-li .l-icon.l-icon1{
  background: url("../images/code-icon.png") no-repeat center center;
  background-size: 100% 100%;

}
.mine-setinfo .list-ul .list-li .l-icon.l-icon2{
  background: url("../images/shop-icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.mine-setinfo .list-ul .list-li .l-icon.l-icon3{
  background: url("../images/cp-icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.mine-setinfo .list-ul .list-li .l-icon.l-icon4{
  background: url("../images/user-icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.mine-setinfo .list-ul .list-li .l-icon.l-icon4-1{
  background: url("../images/lm-icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.mine-setinfo .list-ul .list-li .l-icon.l-icon5{
  background: url("../images/zhekou-icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.mine-setinfo .list-ul .list-li .l-icon.l-icon6{
  background: url("../images/yinl-icon.png") no-repeat center center;
  background-size: 100% 100%;
}

.mine-setinfo .list-ul .list-li span{
  color: #666666;
}
.mine-setinfo .list-ul .list-li .href-icon{
  width:2rem;
  height:2.5rem;
  display:block;
  position:absolute;
  right:0;
}
.mine-setinfo .list-ul .list-li .href-icon .icon{
  background: url("../images/href-icon.png") no-repeat center center;
  background-size: 100% 100%;
  display: block;
  height: 11px;
  width: 7px;
  margin:0 auto;
  margin-top:1rem
}
#pagetwo{
  background: #FFFFFF;
}
.pagetwo-con{
  width:100%;
  overflow:hidden;
}
.pagetwo-con .top-con{
  background: url("../images/ewm-bg.png") no-repeat center center;
  background-size: 100% 100%;
  width:100%;
  height: 19rem;
  overflow:hidden;
}
.pagetwo-con .top-con .icon{
  background: url("../images/share-icon.png") no-repeat center center;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 5rem;
  height: 1.5rem;
}
.pagetwo-con .top-con img{
  display:block;
  width:55%;
  margin:0 auto;
  margin-top: 3rem;
}
.pagetwo-con .bottom-con{
  width:100%;
  position:relative;
}
.pagetwo-con .bottom-con .tip-text{
  color:#000000;
  margin-top:2rem;
  margin-bottom:2rem;
  text-align:center;
}
.pagetwo-con .bottom-con .tip-text.tip-text1{
  text-align:left;
  padding-left: 3rem;
  margin:0 auto;
  margin-top:2rem;
  line-height: 1.5rem;
  padding-bottom: 0.5rem;
}
.pagetwo-con .bottom-con .xf-btn{
  background: url("../images/xf-btn.png") no-repeat center center;
  background-size: 100% 100%;
  display:block;
  width:35%;
  height:2.5rem;
  margin:0 auto;
  line-height:2.2rem;
  color:#ffffff;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  margin-top:2rem;
}
.pagetwo-con .use-explain{
  background: url("../images/use-explain.png") no-repeat center center;
  background-size: 100% 100%;
  display:block;
  width:6rem;
  height:1.5rem;
  color:#ffffff;
  text-align:center;
  line-height:1.5rem;
  position:absolute;
  left:50%;
  margin-left:-3rem;
  top:-3.2rem;
}
.zhanwei{
  height: 2.5rem;
}

